.titleWrap {
  border-bottom: 2px solid rgba(242, 242, 242, 0.6);
  @apply mx-32px box-border;
  .titleInput {
    @apply text-bold text-32px py-24px;
  }
  .titlePlaceholder {
    @apply text-light text-32px;
  }
}
.textContainer {
  height: 296px;
  @apply py-32px mx-32px box-border;
  .textAreaPlaceholder {
    @apply text-light text-30px;
  }
  .textArea {
    height: 100%;
    width: 100%;
    line-height: 34px !important;
    @apply text-bold text-30px box-border overflow-auto;
  }
}
.container {
  @apply bg-white min-h-screen;
}
// 所属话题
.topicArea {
  border-top: 2px solid rgba(242, 242, 242, 0.6);
  @apply py-32px mx-32px box-border flex flex-row justify-between items-center;
  .pcolor {
    color: #bbbbbb;
  }
}
// 图片区域
.uploadArea {
  @apply box-border px-32px flex flex-row flex-wrap gap-16px pb-8px pt-32px;
  .box {
    width: 200px;
    height: 200px;
    @apply rounded-16px bg-page box-border overflow-hidden;
  }
  .imageWrap {
    @apply relative;
    .image {
      width: 100%;
      height: 100%;
      @apply object-cover block;
    }
  }
  .uploadTrigger {
    @apply flex flex-col pt-64px items-center;
    .triggerTip {
      @apply text-light text-24px mt-24px;
    }
  }
}
// 标签区域
.tagArea {
  @apply pb-30px px-32px;
  .tagBtn {
    width: 136px;
    height: 64px;
    @apply text-bold bg-page rounded-32px text-28px flex flex-row justify-center items-center box-border;
  }
  .tagTextarea {
    @apply box-border py-24px;
    .tagText {
      color: #1b3c81;
      width: 100%;
      @apply text-28px;
    }
    .tagTextPlaceholder {
      @apply text-light text-28px;
    }
  }
}
// 建议标签
.suggestTagList {
  @apply box-border mt-24px;
  .suggestTag {
    border-bottom: 2px solid rgba(242, 242, 242, 0.6);
    @apply py-24px flex flex-row items-center justify-between;
    .suggestTagText {
      @apply text-bold text-28px box-border;
    }
    .viewCount {
      color: #bbbbbb;
      @apply text-28px;
    }
    &:first-child {
      border-top: 2px solid rgba(242, 242, 242, 0.6);
    }
  }
}
// 热门显示话题popup
.hotTopicPopup {
  height: 960px;
  @apply box-border;
  .popupTitle {
    height: 100px;
    @apply box-border flex flex-row items-center justify-center text-bold text-32px font-500;
  }
  .popupScrollView {
    height: 860px;
    @apply box-border;
    .hotTopicItemWrap {
      @apply px-32px;
      &:first-child {
        .hotTopicItem {
          border-top: 2px solid rgba(242, 242, 242, 0.6);
        }
      }
    }
    .hotTopicItemInner {
      transform: translateY(-1px);
      @apply relative w-32px h-36px box-border flex justify-center items-center mr-20px;
    }
    .hotTopicItem {
      height: 100px;
      border-bottom: 2px solid rgba(242, 242, 242, 0.6);
      @apply box-content flex flex-row items-center;
      .hotTopicTitle {
        @apply text-bold text-30px font-500;
      }
      .hotTopicHot {
        line-height: none !important;
        @apply text-white text-26px font-700 relative;
      }
      .hotTopicNormal {
        @apply text-light text-26px font-700 relative;
      }
    }
  }
}
.actionBtn {
  border-top: 2px solid rgba(242, 242, 242, 0.6);
  z-index: 1000;
  @apply fixed left-0 right-0 bottom-0 h-152px box-content flex flex-row justify-center items-center bg-white;
}
